@charset "utf-8";
/* 2012 주소록 UI */

/***** Common *****/
HTML {
	scrollbar-face-color: #F6F6F6;
	scrollbar-shadow-color: #AEAEAE;
	scrollbar-highlight-color: #AEAEAE;
	scrollbar-3dlight-color: #F6F6F6;
	scrollbar-darkshadow-color: #F6F6F6;
	scrollbar-track-color: #F6F6F6;
	scrollbar-arrow-color: #AEAEAE;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding: 0}
body, input, textarea, select, button, table {font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;font-size: 12px;color: #444}
textarea {line-height: 21px;}
.content_body {margin: 0 7px 0 19px;}
table {border-collapse: collapse}
/* td 공백시에도 스타일(border..) 적용 */
img, fieldset {border: 0}
legend, caption {visibility: hidden;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0}
ul, ol {list-style: none}
address {font-style: normal}
a {outline: 0;text-decoration: none;color: #444}
a:hover {text-decoration: none;/*color: #0066cc*/}
input {ime-mode: active}
select {min-width: 45px}
html, body {
	height: 100%;
	scrollbar-face-color: #F6F6F6;
	scrollbar-shadow-color: #AEAEAE;
	scrollbar-highlight-color: #AEAEAE;
	scrollbar-3dlight-color: #F6F6F6;
	scrollbar-darkshadow-color: #F6F6F6;
	scrollbar-track-color: #F6F6F6;
	scrollbar-arrow-color: #AEAEAE;
}
table {clear: both}
.cen {text-align: center}
.left {text-align: left}
.rig {text-align: right}
.lef {text-align: left}
.content__box {width: 100%;min-width: 100%;min-height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;overflow: auto;}
.content__box:after {display: block;clear: both;content: ''}
.content__box_overnone {width: 100%;min-width: 100%;min-height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;}
.content__box_overnone:after {display: block;clear: both;content: ''}
.content_box {width: 100%;min-width: 778px;min-height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;overflow: auto;}
.content_box:after {display: block;clear: both;content: ''}
.content_box_overnone {width: 100%;min-width: 778px;min-height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;}
.content_box_overnone:after {display: block;clear: both;content: ''}
#content {font-size: 12px;color: #444}
/* 주소록 타이틀 */
.title_area {position: relative;overflow: hidden;height: 26px;margin: 0 10px;margin-bottom: 15px;padding-top: 10px}
.title_area .title {overflow: hidden;max-width: 100%;height: 26px;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;font-weight: bold;vertical-align: bottom;background: url(/img/gw8/title_bullet_line.gif) repeat-x}
.title_area .title span {padding: 5px 10px 3px 20px;line-height: 26px;border-bottom: 2px solid #000;background: url(/img/gw8/bul_title.gif) 0 0 no-repeat}
.title_area .path {text-align: right;white-space: nowrap}
/* 검색 */
.srch_area {overflow: hidden;position: relative;float: right;height: 22px;margin: 0 6px 8px 10px;color: #333}
.srch_area a:hover {text-decoration: none}
.search select {float: left;margin-right: 3px;height: 22px;line-height: 22px}
.search input {float: left;border: 1px solid #b3b3b3;width: 120px;height: 20px;line-height:20px;padding: 0 2px}
.search .srch_btn {display: block;float: left;overflow: hidden;height: 20px;padding: 0 10px;margin-left: -1px;margin-right: 4px;text-align: center;line-height: 20px;color: #fff;border: 1px solid #888;background: url(/img/gw8/bg_btn_add.gif) 5% 10% no-repeat}
.search .srch_btn:hover {background-position: 10% 90%;color: #fff}
.search.srch_s {width: 180px;margin: 0 auto;}
.search.srch_s input {width: 153px;border-color: #d5d5d5}
.srch_refresh {display: block;width: 22px;height: 22px;overflow: hidden;margin-right: 3px;background: url(/img/gw8/btn_refresh.gif) 0 0 no-repeat}
.srch_refresh:hover {background-position: 0 -22px;}
.srch_refresh:active {background-position: 0 -44px;}
.srch_area.main_mail {float: left;height: 22px;margin: 6px 5px 5px 10px;}
.srch_area.main_mail .search input {width: 212px;}
.srch_btn.btn_last {margin-right: 0}
/* 주소추가 */
.quick_add {clear: both;margin: 10px;margin-bottom: 15px;padding: 8px 10px;_height: 25px;background-color: #f6f6f6;border: 1px solid #ddd;z-index: 99}
.quick_add a, .quick_add a:hover {color: #444;text-decoration: none}
*:first-child+html .quick_add {height: 25px}
.quick_add:after {display: block;clear: both;content: ''}
.quick_title {float: left;font-weight: bold;line-height: 26px;margin: 0 5px;letter-spacing: -1px}
.quick_add .inp_txt {float: left;border: 1px solid #c0c0c0;height: 20px;line-height: 22px;padding: 3px 5px;padding-bottom: 0;margin-right: 5px;color: #333}
.inp_txt {float: left;border: 1px solid #c0c0c0;height: 20px;line-height: 100%;padding: 3px 5px;padding-bottom: 0;margin-right: 5px;color: #333}
.quick_group {display: block;float: left;position: relative;width: 175px;height: 23px;margin-right: 5px;background-color: #fff;z-index: 998}
.slct_more {display: block;float: left;overflow: hidden;width: 140px;height: 20px;line-height: 20px;padding: 3px 28px 0 5px;color: #333;background: url(/img/gw8/slct_more_arr.gif) 100% 50% no-repeat;border: 1px solid #c0c0c0}
.slct_more:hover {color: #444}
.forword_box {display: block;float: left;position: absolute;top: 30px;width: 170px;height: auto;padding: 0;background-color: #fff;border: 1px solid #555;z-index: 999}
.group_box {display: block;float: left;position: absolute;top: 24px;left: 0;width: 173px;height: auto;padding: 0;background-color: #fff;border: 1px solid #555;z-index: 999}
.group_lst {display: block;height: auto;max-height: auto;overflow-y: auto;overflow-x: hidden;padding: 8px}
.group_lst li {display: block;float: left;overflow: hidden;width: 100%;height: auto;vertical-align: top;padding: 4px 0}
.group_lst li span {display: block;float: left;width: 120px;height: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0;margin: 0;background-image: none}
.group_lst li:hover {background-color: #f9f9f9;cursor: pointer}
.group_lst .inchk {float: left;width: 13px;height: 13px;margin-right: 3px}
.no_check .inchk {display: none}
.add_group {display: block;clear: both;height: auto;margin: 6px 10px;margin-top: 4px;padding-bottom: 5px;border-bottom: 1px solid #e3e3e3}
.add_group:after {display: block;clear: both;content: ''}
*:first-child+html .add_group {display: inline-block;margin: 6px 5px;width: auto}
.add_group .inp_txt {width: 100px;height: 15px;padding: 3px 5px;padding-bottom: 2px;margin-right: 5px}
.add_addr {display: inline-block;float: left;overflow: hidden;height: 25px;padding-left: 10px;background: url(/img/gw8/bg_btn_add.gif) 0 0 no-repeat;color: #fff;font-weight: bold}
.add_addr span {display: block;float: left;height: 18px;padding-top: 7px;padding-right: 10px;color: #fff;background: url(/img/gw8/bg_btn_add.gif) 100% 0}
.add_addr:hover {background-position: bottom left;color: #fff}
.add_addr:hover span {background-position: bottom right}
/* Tab */
.tab_area {overflow: hidden;clear: both;height: 32px;margin-top: 15px;margin-bottom: 0px;background: url(/img/gw8/bg_tab.gif) 0 0 repeat-x}
.tab_menu {overflow: hidden;float: left;height: 32px;border-left: 1px solid #ccc;*zoom:1;margin-left: 10px}
.tab_menu:after {display: block;clear: both;content: ''}
.tab_menu li {float: left}
.tab_menu li a {overflow: hidden;float: left;min-width: 52px;height: 12px;padding: 10px 20px;border-right: 1px solid #ccc;background: url(/img/gw8/bg_tab.gif) 0 -32px repeat-x;font-weight: bold;color: #666;text-align: center}
.tab_menu li a:hover {background: url(/img/gw8/bg_tab.gif) 0 -64px repeat-x;text-decoration: none}
.tab_menu li.selected a {padding-top: 12px;background: url(/img/gw8/bg_tab.gif) 0 -96px repeat-x;color: #333}
.tab_menu li.Lcurrent a {font-weight: bold;padding-top: 12px;background: url(/img/gw8/bg_tab.gif) 0 -96px repeat-x;color: #333}
.tab_menu li.Lcurrent a:hover{font-weight: bold;background: url(/img/gw8/bg_tab.gif) 0 -96px repeat-x;color: #333}
.tab_menu li.Lcurrent a span{font-weight: bold;}
.tab_page {padding: 40px 10px;height: 100%}
.tab_page:after {display: block;clear: both;content: ''}
.tab_box {float: left}
/* 문자필터 */
.filter_area {clear: both;position: relative;_display: inline-block;float: left;margin: 10px;margin-top: 0px;z-index: 1}
.filter_area a:hover {text-decoration: none}
*:first-child+html .filter_area {display: inline-block}
.filter_area:after {display: block;clear: both;content: ''}
.word_thmb {}
.word_thmb li {display: inline-block;float: left;height: 22px}
.word_thmb li a {display: block;float: left;height: 16px;padding: 5px 6px;padding-bottom: 0;margin-right: 3px;font-size: 11px;color: #555;border: 1px solid #ccc}
.word_thmb li a:hover {background-color: #f3f3f3}
.word_thmb li a.select {color: #fff;border-color: #777;background-color: #777}
.word_thmb_s {float: left;margin-top: 3px}
.word_thmb_s li {display: inline-block;float: left;height: 12px;border-left: 1px solid #ddd}
.word_thmb_s li:first-child {border-left: 0}
.word_thmb_s li a {display: block;float: left;padding: 0 2.5px;font-size: 11px!important;color: #555}
.word_thmb_s li a:hover {text-decoration: none}
.word_thmb_s li:first-child a {border-left: 0;padding-left: 0}
.word_thmb_s li a.select {font-weight: bold;color: #444}
/* page 앞뒤 이동*/
.lst_move {float: right;position: absolute;top: 10px;right: 0}
.lst_move li {float: left}
.lst_move li a {display: block;overflow: hidden;float: left;height: 12px;font-size: 11px;color: #333}
.lst_move li a:hover {text-decoration: none}
.lst_move li a.pre_lst {padding-left: 12px;padding-right: 5px;background: url(/img/gw8/bul_arr_l.gif) 0 1px no-repeat;border-right: 1px solid #ddd}
.lst_move li a.next_lst {padding-left: 5px;padding-right: 12px;background: url(/img/gw8/bul_arr_r.gif) 100% 1px no-repeat}
.lst_move li a.pre_lst_inert {padding-left: 12px;padding-right: 5px;background: url(/img/gw8/bul_arr_l.gif) 0 -17px no-repeat;border-right: 1px solid #ddd;color: #bbb}
.lst_move li a.next_lst_inert {	padding-left: 5px;padding-right: 12px;background: url(/img/gw8/bul_arr_r.gif) 100% -17px no-repeat;color: #bbb}
/* 버튼 */
.btn_area, .btn_area_foot {clear: both;_display: inline-block;border-top: 1px solid #ddd;border-bottom: 1px solid #ccc;padding: 6px 10px;background-color: #ddd;background-image: url(/img/gw8/bg_btntop.gif)}
.btn_area.with_tab {border-top: 0px solid #fff}
*:first-child+html .btn_area, *:first-child+html .btn_area_foot {display: inline-block}
.btn_area:after, .btn_area_foot:after {display: block;clear: both;content: ''}
.btn_area_foot {border-top: 1px solid #ccc;border-bottom: 1px solid #e5e5e5}
.btns {float: left}
.btns li {float: left;position: relative;margin-right: 5px}
.btns li.group {margin-right: -1px}
.btns li.btn_divider {display: block;width: 1px;height: 22px;padding: 0;margin: 1px 7px 0 2px;border-right: 1px solid #eee;background-color: #a4a4a4}
/*** 버튼수정 ***/
.btns span {overflow: hidden;display: block;float: left;height: 24px;padding-right: 1px;background: url(/img/gw8/btn_basic.gif) 100% 0 no-repeat}
.btns a {display: block;position: relative;float: left;height: 24px;padding-left: 10px;padding-right: 9px;color: #222;line-height: 24px;background: url(/img/gw8/btn_basic.gif) 0 0 no-repeat}
.btns .btn_cen, .btns .btn_rgt {border-left: 1px solid #9b9b9b;padding-left: 9px;padding-right: 10px}
.btns .btn_lft {padding:0 10px}
.btns .btn_cen {background: url(/img/gw8/btn_basic_c.gif) 0 0 repeat-x}
.btns .btn_rgt {background: url(/img/gw8/btn_basic_r.gif) 100% 0 no-repeat}
.btns .btn_rgt:hover {background-position: 100% 100%}
.btns .btn_rgt:active {background-position: 100% -24px}
.btns span img {float: left;margin: -2px 2px 0 -2px}
btns a:link, .btns a:visited, .btns a:hover {text-decoration: none;color:#222;background-position: 0 -48px}
.btns span:hover {background-position: 100% -48px}
.btns span:hover a {background-position: 0 -48px}
.btns span:active {background-position: 100% -24px}
.btns span:active a {background-position: 0% -24px}
.btns span a:active {background-position: 0 -24px}
.btns a:active {background-position: 0 -24px}

/*** //버튼수정 ***/
/* 작은버튼 */
.btn_tiny,.btn_tiny a {display: block;float: left;height: 20px;line-height: 20px;background: url(/img/gw8//bg_btn_tiny.gif) no-repeat;font-size: 11px;}
.btn_tiny,.btn_tiny:hover {background-position: 100% 0 !important;padding-right: 2px;margin-top: 1px;margin-left: -5px;color: #555 !important;}
.btn_tiny a,.btn_tiny a:hover {background-position: 0 0 !important;padding-left: 6px;padding-right: 6px;color: #555 !important;}
.btn_tiny img {display: block;float: left;margin-top: 4px;margin-right: 2px;}   
.btns .arr_unfd {float: right;width: 0;height: 0;margin-top: 8px;margin-left: 3px;margin-right: -1px;border-left: 4px solid #eee;border-right: 4px solid #eee;border-top: 7px solid #555}
.btns span a:active .arr_dn {border-left: 4px solid #e4e4e4;border-right: 4px solid #e4e4e4;}
.btns .group_box {margin-top: -1px}
.btn_area_foot .group_box {display: block;float: left;position: absolute;top: auto;left: 0;bottom: 23px;width: 173px;height: auto;padding: 0;background-color: #fff;border: 1px solid #555}
.section_r {float: right}
.lst_option, .lst_option li {float: left}
.lst_option select {float: left;height: 24px;line-height: 24px;margin-left: 5px}
.btn_icons {float: left}
.btn_icons li {overflow: hidden;display: block;float: left;width: 26px;height: 24px;margin-left: 5px}
.btn_icons li.group {margin-left: -1px}
.btn_icons li.btn_divider {display: block;width: 1px;height: 22px;padding: 0;margin: 1px 2px 0 7px;border-right: 1px solid #eee;background-color: #a4a4a4}
.btn_icons li.flag {width: 20px;cursor: pointer}
.btn_icons li.flag img {margin-left: 3px;margin-top: 5px}
.btn_icons a {display: block;float: left;width: 26px;height: 24px;cursor: pointer;background: url(/img/gw8/bg_btn_icons.gif) 0 0 no-repeat}
.btn_icons a:hover {background-position: bottom}
.btn_icons span {display: block;float: left;width: 26px;height: 24px;background: url(/img/gw8/bg_btn_icons.gif) 0 0 no-repeat}
.btn_icons span:hover {background-position: bottom}
.btn_icons span img {margin-top: 4px;margin-left: 4px}
.btn_icons .btn_lft {background: url(/img/gw8/btn_basic_l.gif) 0 0 no-repeat}
.btn_icons .btn_lft:hover {background-position: 0 100%}
.btn_icons .btn_rgt {width: 25px;background: url(/img/gw8/btn_basic_r.gif) 100% 0 no-repeat;border-left: 1px solid #9b9b9b}
.btn_icons .btn_rgt:hover {background-position: 100% 100%}
.btn_icons a img {margin-top: 4px;margin-left: 4px}
.btn_small, .btns .btn_small {display: block;overflow: hidden;height: 22px;float: left;background: url(/img/gw8/bg_btn_small.gif) 0 -52px no-repeat;padding: 0;padding-left: 2px}
.btn_small a, .btns .btn_small a {display: block;float: left;height: 22px;background: url(/img/gw8/bg_btn_small.gif) 100% -52px no-repeat;padding: 0 6px 0 4px;font-size: 11px;line-height: 22px;color: #222}
.btn_small:hover, .btns .btn_small:hover {background-position: left -52px}
.btn_small a:hover, .btns .btn_small a:hover, .btn_small:hover a, .btns .btn_small:hover a {text-decoration: none;background-position: right -52px}
.btns_s {float: right;position: relative;left: -50%;padding-bottom: 10px}
*:first-child+html .btns_s {width: 260px}
.btns_s li {float: left;position: relative;left: 50%;margin-right: 0}
.btns_s .btn_small {margin-left: 5px}
.btns_s li:first-child .btn_small {margin-left: 0}
.tab_box .btns {float: right;position: relative;left: -50%;padding: 20px 0;padding-bottom: 0}
.tab_box .btns li {float: left;position: relative;left: 50%;margin-left: 5px;margin-right: 0}
.tab_box .btns a {padding-left: 15px;padding-right: 3px;letter-spacing: 2px}

/* 타이틀 in 버튼존 */
.h_semi {float: left;height: 24px;overflow: hidden;padding-left: 13px;margin-right: 10px;line-height: 26px;font-weight: bold;background:url(/img/gw8/bul_h_semi.gif) 0 45% no-repeat}

/* 하단 중앙 버튼*/
.footcen {padding: 10px 0}
.footcen .btns{float: right;position: relative;left: -50%;margin:0}
.footcen .btns li{float: left;position: relative;left: 50%}

/* 버튼존_페이지건더뛰기 */
.section_r .Paginate {left: 0%;padding: 0;height: 24px;overflow: hidden;}
.section_r .Paginate span, .section_r .Paginate img, .section_r .Paginate input, .section_r .Paginate .css_arr {left: 0%;padding-bottom: 0}
.section_r .Paginate .inp_txt {margin-left: 10px}

/* 리스트 */
.content_lst {clear: both;width: 100%;table-layout: fixed;border-bottom: 2px solid #c5c5c5}
.content_lst.no_btn {border-top: 1px solid #ccc}
.content_lst tr.picked_lst td {background-color: #e9f2fc}
.content_lst th {height: 18px;background: url(/img/gw8/bg_addr_th.gif) top repeat-x;padding: 6px 5px 4px 6px;font-size: 12px;font-weight: bold;color: #555;border-left: 1px solid #ddd;text-align: left}
.content_lst td {height: 24px;border-top: 1px solid #eee;vertical-align: middle;padding: 2px 5px 1px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.content_lst td a {color: #444;line-height: 24px}
.content_lst td a:hover {color: #0066cc}
.content_lst tbody tr:first-child td {border-color: #ddd}
.content_lst tbody tr:hover {background-color: #f4ffff}
.content_lst th.cen {text-align: center}
.content_lst th.input_chk {padding: 0}
.content_lst th .inchk {margin-left: 10px}
.content_lst th a {color: #555}
.content_lst th a.descend {background: url(/img/gw8/order_arr.gif) right 1px no-repeat;padding-right: 9px;color: #555}
.content_lst th a.ascendent {background: url(/img/gw8/order_arr.gif) right -14px no-repeat;padding-right: 9px;color: #555}
.content_lst th a:hover {text-decoration: underline}
.content_lst th img {margin-top: -1px;margin-left: -1px}
.content_lst th.modi_del {text-align: center}
.content_lst th.modi_del span {color: #bbb;margin: 0 3px}
.content_lst td.modi_del {text-align: center;font-size: 11px}
.content_lst td.modi_del a {color: #999}
.content_lst td.modi_del a:hover {text-decoration: none;color: #999}
.content_lst td.modi_del span {color: #ccc;margin: 0 3px}
.content_lst th:first-child, .content_lst td:first-child {border-left: 0}
.content_lst td.input_chk {padding: 0}
.content_lst td .inchk {margin-left: 10px}
.content_lst td a span.arr_go {display: none;width: 0;height: 0;padding: 0;margin-top: 6px;margin-left: 4px;border-bottom: 4px solid #f4ffff;border-top: 4px solid #f4ffff;border-left: 4px solid #bbb}
.content_lst td a.email:hover {color: #444}
.content_lst td a.email:hover span.arr_go {display: inline-block}

/* 주소록 심플 리스트 */
.count {float: left;position: absolute;top: -20px}
.count span {color: #f26522}
.small_lst {float: left;position: relative;width: 380px;height: 450px;border: 1px solid #aaa}
.small_lst_top {clear: both;_display: inline-block;border-bottom: 1px solid #ccc;padding: 6px;background-color: #fcf6ee;text-align: right}
.small_lst_box {width: 100%;height: 358px;overflow-y: auto;overflow-x: hidden}
.small_lst_box .content_lst {border-bottom: 1px solid #eee}
.small_lst_box .content_lst tr:first-child td {border-top: 0}
.small_lst_foot {clear: both;_display: inline-block;width: 100%;padding: 8px 0;background-color: #f2f2f2}
.small_lst_foot:after {display: block;clear: both;content: ''}
.small_lst_foot .Paginate {margin: 0}
.content_lst .only_th th {border-bottom: 1px solid #ddd}
.add_btn_box {display: block;float: left;width: 85px;padding-left: 15px;height: 452px}
.add_btn_box ul {margin-top: 150px}
.add_btn_box li {clear: both}
.add_btn_box .btn_small {margin-bottom: 10px}
.add_lst_box {display: block;position: relative;float: left;width: 240px;height: 440px;border: 1px solid #ccc;padding: 5px;background-color: #eee}
.add_lst {display: block;overflow-y: auto;overflow-x: hidden;width: 100%;height: 100%;background-color: #fff}
.add_lst p {display: block;padding-top: 200px;text-align: center;color: #999}
.add_lst .content_lst td {height: 20px;border: 0;padding: 2px 5px 1px 5px;font-size: 11px}
.add_lst .content_lst td:first-child {padding-right: 0}

/* 페이지네이션 */
.paginate_area {clear: both;_display: inline-block;padding: 10px}
.paginate_area:after {display: block;clear: both;content: ''}
.Paginate {float: right;position: relative;left: -45%;margin: 0;padding-top: 1px;font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif}
.Paginate span, .Paginate img, .Paginate input, .Paginate .css_arr {float: left;margin-left: 3px;position: relative;left: 50%;margin-right: 0}
.Paginate span.num {display: block;height: 14px;padding: 4px 6px;border: 1px solid #ddd;background-color: #fff;color: #777;cursor: default}
.Paginate a span.num:hover {border: 1px solid #ddd;background-color: #ddd;color: #222;cursor: pointer}
.Paginate span.num.now {background-color: #ddd;border: 1px solid #ddd;color: #222}
.Paginate span.num.txt {padding: 4px 10px;letter-spacing: 1px;color: #ccc;border-color: #eee}
.Paginate a span.num.txt {color: #777;border-color: #ddd}
.Paginate .css_arr {display: block;overflow: hidden;width: 20px;height: 22px;border: 1px solid #ddd;background-color: #fff;color: #777;text-align: center}
.Paginate span.arr_l, .Paginate span.arr_r {width: 0;height: 0;margin-top: 6px;margin-left: -3px}
.Paginate span.arr_l {border-bottom: 5px solid #fff;border-top: 5px solid #fff;border-right: 8px solid #777}
.Paginate span.arr_r {border-bottom: 5px solid #fff;border-top: 5px solid #fff;border-left: 8px solid #777}
.Paginate span span.arr_l {border-right: 8px solid #ccc}
.Paginate span span.arr_r {border-left: 8px solid #ccc}
.Paginate span.css_arr {border-color: #eee}
.Paginate a.css_arr {border-color: #ddd}
.Paginate a.css_arr:hover {border: 1px solid #ddd;background-color: #ddd;color: #222}
.Paginate a.css_arr:hover span.arr_l {border-bottom: 5px solid #ddd;border-top: 5px solid #ddd;border-right: 8px solid #555}
.Paginate a.css_arr:hover span.arr_r {border-bottom: 5px solid #ddd;border-top: 5px solid #ddd;border-left: 8px solid #555}
.Paginate .inp_txt {width: 30px;height: 17px;line-height: 17px;padding: 3px;padding-bottom: 2px;margin-left: 25px;margin-top: 0px;text-align: right}
.Paginate .page_all {margin-right: 5px;line-height: 26px}

/* 리스트 하단 정보창 */
.report_area {margin: 0px 10px 10px 10px;border: 6px solid #f1f6fb}
.report_area:after {display: block;clear: both;content: ''}
.report_box {position: relative;border: 1px solid #ddd}
.report_box .btn_clse {display: block;position: absolute;overflow: hidden;width: 31px;height: 31px;top: 0px;right: 0px;background: url(/img/gw8/btn_clse_big.gif) 0 0 no-repeat}
.report_box .btn_clse:hover {background-position: 0 100%}
.report_box .tab_area {margin-top: -1px}
.report_box .tab_menu {margin-left: -1px}
.report_box .content_lst {border-bottom: 0}
.report_box .content_lst.no_btn {margin-top: -1px;}
.report_box .b_table_warp {padding: 5px}

/* 리스트 하단 정보창 - div안의iframe으로 되어 있어서 css가 안 먹히는 현상으로 report_table로 테이블로 감싸서 css를 줌 */
.report_table .content_lst {border-bottom: 1px solid #eee;}
.report_table .content_lst.no_btn {margin-top: 5px;}
.report_table .b_table_warp {padding: 5px}
/*
.Paginate span.btn_small {
	display: block;
	overflow: hidden;
	height: 19px;
	float: left;
	background: url(/img/gw8/bg_btn_small.gif) 0 -80px no-repeat;
	padding: 0;
	padding-left: 2px;
	margin-top: -1px;
	margin-left: 5px
}
.Paginate span.btn_small a {
	display: block;
	float: left;
	height: 19px;
	background: url(/img/gw8/bg_btn_small.gif) 100% -80px no-repeat;
	padding: 0 6px 0 4px;
	font-size: 11px;
	line-height: 18px;
	color: #222
}
.Paginate .btn_small, .Paginate .btn_small:hover {
	background-position: left -80px
}
.Paginate .btn_small a:hover, .Paginate .btn_small:hover a {
	text-decoration: none;
	background-position: right -80px
}
*/

/***** App_Left *****/
.wrap_snb {float: left;position: relative;width: 200px;margin: 0;padding: 0px}
.wrap_snb:after {display: block;clear: both;content: ''}
.wrap_snb .tab_area {margin-top: 15px;}
.wrap_snb .tab_menu {margin-left: 0px}
.wrap_snb .tab_menu li a {height:32px;width: 65px;padding: 10px 0;text-align: center}
.wrap_snb .tab_menu li.selected a {width: 66px;}

/* Btn_Toggle */
.btn_toggle {width: 180px;height: 24px;margin: 10px;background: url(/img/gw8/btn_toggle_bg.gif) 0 0 no-repeat}
.btn_toggle.tlg_rgt {background-position: 0 50%}
.btn_toggle.tlg_one {background-position: 0 100%}
.btn_toggle a {display: block;float: left;overflow: hidden;width: 50%;height: 24px;line-height: 26px;text-align: center;font-weight: bold;color: #999}
.btn_toggle.tlg_one a {width: 100%}
.btn_toggle a:hover {text-decoration: none;color: #666}
.btn_toggle a.tlg_on {color: #fff}
.btn_toggle a.tlg_on:hover {color: #fff}

/***** Mail Main *****/
.mail_main_area {display: block;width: 100%;overflow-x: hidden;overflow-y: auto;border-top: 1px solid #ccc;}
.mail_lst {border-bottom: 1px solid #eee;}
.mail_lst a {color: #555}
.mail_lst a:hover {color: #0066cc;text-decoration: none;}
.mail_lst li {display: block;clear: both;border: 1px solid #fff;}
.mail_lst li:after {display: block;clear: both;content: ''}
.mail_lst li.fst_line {border-bottom: 0}
.mail_lst li.snd_line {border-top: 0}
.mail_lst.check li {border-color: #00b7ee;background-color: #dff3fc}
.mail_lst dl {*display:inline-block;_width /**/: 100%}
.mail_lst dl:after {display: block;clear: both;content: ''}
.mail_lst li.fst_line dl {padding-right: 100px;padding-left: 63px}
.mail_lst li.snd_line dl {padding-right: 25px;padding-left: 63px}
.mail_lst li.fst_line dd {padding-top:3px;}
.mail_lst li.snd_line dd {padding-bottom:3px;}
.mail_lst dd {float: left;position: relative;height: 18px;overflow: hidden;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;}
.mail_lst:hover {background-color: #eee}
.mail_lst dd:first-child {left: -63px;width: 53px;margin-right: -63px;padding:0 5px;}
.mail_lst dd.m_date {left: 100px;width: 100px;margin-left: -100px;padding:0 5px;color:#777;text-align: right}
.mail_lst dd.re_b_date {left: 200px;width: 90px;margin-left: -100px;padding:0 5px;color:#777;text-align: right}
.mail_lst dd.re_e_date {left: 300px;width: 90px;margin-left: -100px;padding:0 5px;color:#777;text-align: right}
.mail_lst dd.re_repeate {left: 100px;width: 90px;margin-left: -100px;padding:0 5px;color:#777;text-align: right}
.mail_lst dd.m_sender {float: left;width: 230px;padding: 0px 0}
.mail_lst dd.m_title {float: left;width: 100%;padding: 0px 0}
.mail_lst dd.s_title {float: left;width: 85%;padding: 0px 0}
.mail_lst dd.s_sender{float: left;width: 95%;padding: 0px 0}
.mail_lst dd.re_title {float: left;width: 90%;padding:0 5px}
.mail_lst dd.m_flag {left: 8px;width: 22px;margin-left: -35px;padding: 0px 0;text-align: right}
.mail_lst dd.s_mailbox {left: 25px;width: 90px;margin-left: -45px;padding: 0px 6px 0 0;text-align: right}
.mail_empty_lst {border-bottom: 1px solid #eee;line-height: 45px;text-align: center}
.mail_empty_lst:hover {background-color: #eee}
.pagenation_area {display: block;width: 100%;overflow-x: hidden;overflow-y: auto;border-top: 1px solid #ccc;padding-top:1px}

/***** Popup buddy *****/
#pop_buddy_wrap {min-width: 400px;width: 100%;height: 100%;background: url(/img/gw8/bg_title.gif) repeat-x top}
#pop_buddy_wrap h1 p {height: 35px;padding: 0 25px;overflow: hidden;background: url(/img/gw8/bul_pop_title.gif) no-repeat 12px 12px;font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;font-size: 13px;color: #fff;font-weight: bold;line-height: 35px}

/***** Popup *****/
#pop_wrap {width: 100%;height: 100%;background: url(/img/gw8/bg_title.gif) repeat-x top}
#pop_container {margin: 10px;border: 0px solid #ccc;position: relative}
#pop_container:after {display: block;clear: both;content: ''}
#pop_header h1 {float:left;position:relative;font:15px 'Malgun Gothic';	color:#fff;/*padding:6px 0 0 32px;*//*_padding-top:15px;*//*background:url(../../images/common/popup_title.gif) no-repeat left top;*/}
#pop_header {/*height:35px;*//*width:100%;*//*background:url(../../images/common/popup_title_bg.gif) repeat-x;*/}
#pop_wrap .title_btn, #pop_header .title_btn {float:right;position:relative;padding:5px 10px 0 0;*padding-top:10px;}
#pop_wrap h1 p {height: 35px;padding: 0 25px;overflow: hidden;background: url(/img/gw8/bul_pop_title.gif) no-repeat 12px 12px;font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;font-size: 13px;color: #fff;font-weight: bold;line-height: 35px}
#pop_wrap .btn_area {padding: 6px 10px;background-image: url(/img/gw8/bg_btntop.gif);border-top-color: #fff}
#pop_wrap .btn_area.foot {padding: 6px 10px;margin-top: 0;background-image: url(/img/gw8/bg_btntop.gif);border-top-color: #ccc}

/***** Popup IM *****/
#pop_wrap_im {width: 100%;height: 100%;background: url(/img/gw8/bg_title.gif) repeat-x top}
#pop_container_im {border: 0px solid #ccc;position: relative}
#pop_container_im:after {display: block;clear: both;content: ''}
#pop_header_im h1 {float:left;position:relative;font:15px 'Malgun Gothic';color:#fff;/*padding:6px 0 0 32px;*//*_padding-top:15px;*//*background:url(../../images/common/popup_title.gif) no-repeat left top;*/}
#pop_header_im {/*height:35px;*//*width:100%;*//*background:url(../../images/common/popup_title_bg.gif) repeat-x;*/}
#pop_wrap_im .title_btn, #pop_header .title_btn {float:right;position:relative;padding:5px 10px 0 0;*padding-top:10px;}
#pop_wrap_im h1 {height: 35px;padding: 0 0 0 25px;overflow: hidden;background: url(/img/gw8/bul_pop_title.gif) no-repeat 12px 12px;font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;font-size: 13px;color: #fff;font-weight: bold;line-height: 35px}
#pop_wrap_im .btn_area {padding: 6px 10px;background-image: url(/img/gw8/bg_btntop.gif);border-top-color: #fff}
#pop_wrap_im .btn_area.foot {padding: 6px 10px;margin-top: 0;background-image: url(/img/gw8/bg_btntop.gif);border-top-color: #ccc}
#pop_wrap_im .btns {float:right;margin-top:6px;}
#pop_wrap_im .btns a {font-weight:normal}
.write_area_im {width: 100%;min-height: 320px;margin: 0 auto;}

/***** Basic table *****/
.basic_table {table-layout:fixed;border: 1px solid #d5d5d5;border-top: 0;border-right: 0}
.basic_table th, .basic_table td {height: 22px;padding: 3px 5px;border-top: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;line-height: 22px}
.basic_table th {background-color: #f5f5f5;font-weight: normal;text-align: center;color: #666}
.basic_table th.btntitle {height: 26px;padding: 0px;line-height: 28px}
.basic_table th.btntitle a {background-color: #ddd;display: block;position: relative;height: 26px;border: 1px solid #fff;line-height: 28px;color: #666;text-decoration: none}
.basic_table th.btntitle a:hover {height: 27px;border-bottom: 0;background: url(/img/gw8/bg_thbtn.gif) top repeat-x}
.basic_table span.arr_l, .basic_table span.arr_r {display: inline-block;position: absolute;float: right;width: 0;height: 0;top: 8px;right: 8px;border-bottom: 5px solid #ddd;border-top: 5px solid #ddd}
.basic_table span.arr_l {border-right: 10px solid #777}
.basic_table span.arr_r {border-left: 10px solid #777}
.basic_table th.btntitle a:hover span.arr_l, .basic_table th.btntitle a:hover span.arr_r {right: 6px;border-bottom: 5px solid #eaeaea;border-top: 5px solid #f9f9f9}
.basic_table td.suggest {line-height: normal}
/* 이미지버튼타이틀
.basic_table th a.btntitle {background: url(/img/gw8/bg_btn.gif) left top no-repeat;display: inline-block;width: 80px;height: 20px;overflow: hidden;line-height: 20px}
.basic_table th a.btntitle:hover {background-position: left center;color: #444}
.basic_table th a.btntitle:active {background-position: left bottom}
*/
.basic_table tr.attri td {padding: 5px;padding-left: 10px;background-color: #f5f5f5}
#content_list{overflow: auto;overflow-x: hidden;}
#content_list TBODY TR:hover{background-color:rgb(244,255,255)}
#content_list TBODY TD{	border-left:1px solid #FFF;border-right:1px solid #FFF}
#postal_code{border :1px solid #FFF;border-right :1px solid #ddd;font-weight:bold;}
#address{border :1px solid #FFF;font-weight:bold;}
#code_list{height: 24px;border-top: 1px solid #000;vertical-align: middle;padding: 2px 5px 1px 5px;overflow: auto;white-space: nowrap;text-overflow: ellipsis}
.attri input, .attri a, .attri span, .attri select, .attri img {float: left}
.attri select {height: 22px;line-height: 22px}
#select_signature {float: right}
.intxt {border: 1px solid #c3d2db;padding: 0 3px;height: 20px;line-height: 20px}
.inp_raochk {float: left;height: 21px;padding-top: 1px;margin-right: 15px}
.inp_raochk input {float: left;width: 13px;height: 13px;margin: 3px 0;margin-right: 4px
.top_srch {float: left;height: 21px;padding-top: 1px;margin: 3px 0}
.top_srch input {float: left;width: 13px;height: 13px;margin-right: 4px;border: 0px}
.dateset .inp_raochk {margin-right: 5px}
.datentime .intxt {margin-right: 0}
.datentime a {margin-right: 5px}
.datentime span {margin: 0 3px}
.write_area {width: 100%;min-height: 320px;margin: 0 auto;margin-top: 10px}
.view_area {min-height: 294px;border: 1px solid #d5d5d5;padding: 12px 10px;margin: 0 auto;margin-top: 10px;word-wrap : break-word}
.view_area table{border-collapse : collapse;border-color : black}
.view_area td{border-color : black}
.view_area p{ margin:6px}
.view_area td{padding : 1px}
.view_area p{margin:6px}

/***** attach *****/
.attach {width: 100%;border: 1px solid #bbb;margin-top: 10px;table-layout: fixed}
.attach a {color: #444}
.attach th {background-color: #ddd;height: 28px;text-align: left}
.attach th a.attach_add {float: left;width: 58px;height: 20px;line-height: 22px;padding-left: 22px;overflow: hidden;margin-left: 5px;font-weight: normal;background: url(/img/gw8/add_attachment.gif) top left no-repeat}
.attach th a:hover {text-decoration: none;background-position: center}
.attach th a:active {background-position: bottom}
.attach table {width: 100%;table-layout: fixed}
.attach table a:hover {color: #0066cc}
.attach table tr.theader th {height: 24px;padding: 0 10px;background: url(/img/gw8/bg_list_head.gif) bottom repeat-x;border-right: 1px solid #ddd;font-weight: normal;font-size: 12px;color: #888;overflow: hidden;line-height: 24px;text-align: center}
.attach table tr.theader th .download{display: block;float: left;overflow: hidden;height: 20px;padding: 0 10px;margin-left: -1px;margin-right: 4px;text-align: center;line-height: 20px;color: #fff;border: 1px solid #888;background: url(/img/gw8/bg_btn_add.gif) 5% 10% no-repeat}
.attach table td {height: 20px;line-height: 20px;padding: 0 6px;overflow: hidden}
.attach table td.file_size {position: relative;text-align: right;font-size: 11px;color: #999;padding-right: 5px}
.attach table td img {float: left;margin: 4px 5px 0 0}
.attach table td a:hover {text-decoration: underline}
.attach table td .del_file {display: block;position: absolute;float: right;width: 17px;height: 16px;background: url(/img/gw8/btn_del.gif) 0 0 no-repeat;margin-top: 2px;margin-left: 5px}
.attach table td .del_file:hover {background-position: bottom}

/* LEFT TREE MENU*/
.left_menu {margin: 0 0 0 20px;padding-top: 12px}
.info_area {padding: 2px 0;padding-left: 10px}
.info_area li {width: 180px;white-space: nowrap;font-weight: bold}
.info_area li a {float: right}
.info_area li#quotatable{padding-top: 5px}
ul.menuList .cntWrap {margin-top: 0px}
.action_area {padding: 6px 0px 6px 0px;border-top-color: #AAA;border-top-width: 1px;border-top-style: dotted}
.action_area li {clear: both;font-weight: bold;border-top: 1px solid #EEE;padding: 6px 0px 6px 0px}
.action_area li:hover {	background-color: #f4ffff;font-size:12px;padding: 0px 0px 0px 12px}
.action_area_split {padding: 6px 0px 6px 0px;border-top-color: #AAA;border-top-width: 1px;border-top-style: dotted}
.action_area_split li {clear: both;font-weight: bold;border-top: 1px solid #EEE;padding: 6px 0px 6px 0px}
.action_area_split li:hover {clear: both;font-weight: bold;border-top: 1px solid #EEE;padding: 6px 0px 6px 0px;background: url(/img/gw8/bul_pop_title.gif) no-repeat;background-position: 0 45%}
.action_area_split li:first-child {border-top: 0}
.action_area_split a {font-weight: bold;font-size:12px;padding: 0px 0px 0px 12px}
.menu_tree {padding: 12px 20px 12px 12px;border-top-color: #AAA;border-top-width: 1px;border-top-style: dotted;height: 355px;text-overflow: ellipsis}
.menu_write {display: block;overflow: hidden;width: 175px;height: 40px;padding-left: 5px;margin: 10px auto;background: url(/img/gw8/btn_mail_wirte.gif) 0 0 no-repeat;text-align: center;line-height: 38px;font-size: 15px;font-weight: bold;color: #555;text-decoration: none}
.menu_write:hover {background-position: 0 50%;color: #fff}
.menu_write:active {background-position: 0 100%;}
.btn_large {display: block;overflow: hidden;width: 180px;height: 40px;margin: 10px;font-size: 12px}
.btn_l_lft, .btn_l_rgt {display: block;float: left;overflow: hidden;width: 90px;height: 40px;background: url(/img/gw8/btn_large.gif) top no-repeat;text-align: center;line-height: 40px;font-weight: bold;color: #555;text-decoration: none}
.btn_l_lft {background-position: 0 0}
.btn_l_lft:hover {background-position: 0 50%;color: #fff}
.btn_l_lft:active {background-position: 0 100%;color: #fff}
.btn_l_rgt {background-position: 100% 0}
.btn_l_rgt:hover {background-position: 100% 50%;color: #fff}
.btn_l_rgt:active {background-position: 100% 100%;color: #fff}
.mail_write {display: block;overflow: hidden;width: 175px;height: 40px;padding-left: 5px;margin: 10px auto;background: url(/img/gw8/btn_mail_wirte.gif) 0 0 no-repeat;text-align: center;line-height: 38px;font-size: 15px;font-weight: bold;color: #555;text-decoration: none}
.mail_write:hover {background-position: 0 50%;color: #fff}
.mail_write:active {background-position: 0 100%}
.additional_btn {display: inline-block;overflow: hidden;height: 25px;padding-left: 10px;background: url(/img/gw8/bg_btn_add.gif) 0 0 no-repeat;color: #fff;font-weight: bold}
.additional_btn span {display: block;height: 18px;padding-top: 7px;padding-right: 10px;color: #fff;background: url(/img/gw8/bg_btn_add.gif) 100% 0}
.additional_btn:hover {background-position: bottom left;color: #fff}
.additional_btn:hover span {background-position: bottom right}
.ellipsis {word-break:break-all;}
.basic_table th.left_header {text-align: left;padding-left: 20px;}
.td_valign_top td {vertical-align: top;}

/* 달력 스타일 시작 */
#mcalendar_pop {font-size: 16px;position:absolute;left: 110px;top: 100px;width: 190px;z-index: 100;visibility: visible;}
.pop_mm {font-family: Dotum, Gulim, Arial, Verdana, MS Gothic, sans-serif;width: 190px;font-size: 25px !important;color: #363636;padding: 5px 0 5px 0px;float: left;background: url(/img/gw8/mcal_bg.gif) no-repeat;height: 25px}
.pop_mm span.pop_mm_year {font-size: 14px;padding: 0 0 0 25px;vertical-align: middle;line-height: 8px}
* html .close img {margin-left: 10px;}
.pop_mm .close img {padding-left /**/: 11px;padding-top /**/: 4px;vertical-align: top;_padding-left: 6px;}
.pop_mm span.pop_mm_year a {_font-size: 9px;}
.pop_mm #backCal{margin-left: 8px;}
table#mcalendar {width: 190px;border: 1px solid #b7b7b7;font-size: 0.75em;border-collapse: collapse;float: left;}
#mcalendar thead th {font-weight: lighter;background: #f7f7f7;height: 17px;padding: 3px 0 0 0}
#mcalendar tbody td {width: 25px;height: 19px;border-top: 1px solid #ccc;border-right: 1px solid #e1e1e1;text-align: center;padding: 0;color: #707070;background: #fff}
#mcalendar tbody td .today{background: url(/img/gw8/cal_active_layer.gif) no-repeat;}
#mcalendar tbody td a {padding: 0;color: #707070;height: 18px;}
#mcalendar tbody td a:hover {background: url(/img/gw8/cal_over_layer.gif) no-repeat;height: 17px;padding: 0;font-weight: bold}
#mcalendar tbody td a.today {height: 18px;padding: 0;font-weight: bold}
#mcalendar tbody td a:active,#mcalendar tbody td a:focus {background: url(/img/gw8/cal_over_layer.gif) no-repeat;height: 18px;padding: 0}
#mcalendar th.sun,td.sun a {color: #ff6600 !important}
#mcalendar th.sat,td.sat a {color: #0066ff !important}
#select_year {position:absolute;top: 70px;left: 134px;z-index: 1000;}

/* 달력 스타일 끝 */
.error_box {width: 480px;height: 250px;position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -240px;background: url(/img/gw8/bg_error.png) top left no-repeat;}
.error_box p {display: block;overflow-y: auto;overflow-x: hidden;width: 240px;height: 100px;position: relative;top: 120px;left: 195px;font-weight: bold;color: #ff5d4c;text-align: left;}

/* snb */
.snb_count span {font-weight: bold;color: #09C;margin-left: 5px;}
.snb_lst {width: 100%;margin: 10px 0;border-bottom: 1px solid #b3b3b3;}
.snb_lst.under_lst {margin-top: -11px;}
.snb_lst li {border-top: 1px solid #e5e5e5;}
.snb_lst li:first-child {border-color: #b3b3b3;}
.snb_lst li a {display: block;overflow: hidden;width: 170px;height: 27px;padding: 0 20px 0 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-weight: bold;line-height: 28px;color: #333;text-decoration: none}
.snb_lst li a:hover {
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #eee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #eee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3f3f3 0%, #eee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%, #eee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f3f3f3 0%, #eee 100%); /* W3C */
	border-bottom: 1px solid #eee;
}
.snb_lst li a:active {background: #e5e5e5;border-top: 1px solid #ccc;border-bottom: 1px solid #e5e5e5}
.snb_lst li .snb_on, .snb_lst li .snb_on:hover {
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat #dee8f4; /* Old browsers */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, -moz-linear-gradient(top, #ebf0f8 0%, #dee8f4 100%); /* FF3.6+ */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebf0f8), color-stop(100%, #dee8f4)); /* Chrome,Safari4+ */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, -webkit-linear-gradient(top, #ebf0f8 0%, #dee8f4 100%); /* Chrome10+,Safari5.1+ */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, -o-linear-gradient(top, #ebf0f8 0%, #dee8f4 100%); /* Opera 11.10+ */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, -ms-linear-gradient(top, #ebf0f8 0%, #dee8f4 100%); /* IE10+ */
	background: url(/img/gw8/arr_snb_lston.gif) 185px 50% no-repeat, linear-gradient(to bottom, #ebf0f8 0%, #dee8f4 100%); /* W3C */
	border-top: 1px solid #fafcfd !important;
	border-bottom: 1px solid #dee8f4 !important;
}
.snb_lst li .snb_on:active {
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat #d8dfe5; /* Old browsers */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, -moz-linear-gradient(top, #d8dfe5 0%, #d8dfe5 100%); /* FF3.6+ */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8dfe5), color-stop(100%, #d8dfe5)); /* Chrome,Safari4+ */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, -webkit-linear-gradient(top, #d8dfe5 0%, #d8dfe5 100%); /* Chrome10+,Safari5.1+ */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, -o-linear-gradient(top, #d8dfe5 0%, #d8dfe5 100%); /* Opera 11.10+ */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, -ms-linear-gradient(top, #d8dfe5 0%, #d8dfe5 100%); /* IE10+ */
	background: url(/img/gw8/arr_snb_lstclick.gif) 185px 50% no-repeat, linear-gradient(to bottom, #d8dfe5 0%, #d8dfe5 100%); /* W3C */
	border-top: 1px solid #bfc7cd !important;
	border-bottom: 1px solid #d8dfe5 !important;
}
.snb_pick {width: 180px;margin: 0 auto;margin-top: 10px;}
.snb_pick:after {display: block;clear: both;content: '';}
.snb_pick .inp_txt22 {width: 131px;padding: 0 2px;}
.snb_srch_pick {display: block;float: left;width: 44px;height: 22px;overflow: hidden;margin-left: -1px;line-height: 22px;text-align: center;background: url(/img/gw8/bg_btn_s.gif) 0 0 no-repeat;color: #555}
.snb_srch_pick:hover {background-position: 0 -22px;text-decoration: none;color: #777}
.snb_srch_pick:active {background-position: 0 -44px;color: #555}
/**/
.snb_tree_area {position: relative;width: 100%;height: auto;margin-top: 10px}

/* big button */
.btn_large {display: block;overflow: hidden;width: 180px;height: 40px;margin: 10px auto;background: url(/img/gw8/btn_large.gif) 0 0 no-repeat;text-align: center;line-height: 40px;font-weight: bold;color: #555;text-decoration: none;}
.btn_large:hover {background-position: 0 50%;text-decoration: none;color: #777}
.btn_large:active {background-position: 0 100%;color: #555}
.btn_large_half {display: block;overflow: hidden;width: 180px;height: 40px;margin: 10px;font-size: 12px}
.btn_large_half a:hover {text-decoration: none}
.btn_l_lft, .btn_l_rgt {display: block;float: left;overflow: hidden;width: 90px;height: 40px;background: url(/img/gw8/btn_large_part.gif) top no-repeat;text-align: center;line-height: 40px;font-weight: bold;color: #555;text-decoration: none}
.btn_l_lft {background-position: 0 0}
.btn_l_lft:hover {background-position: 0 50%;color: #777;}
.btn_l_lft:active {background-position: 0 100%;color: #555}
.btn_l_rgt {background-position: 100% 0;}
.btn_l_rgt:hover {background-position: 100% 50%;color: #777;}
.btn_l_rgt:active {background-position: 100% 100%;color: #555;}
.mail_body {overflow: hidden;}
.wrap_content {*display: inline-block;_width /**/: 100%;min-height: 100%;height : 768px;padding-top: 10px}
.mail_wrap_content {*display: inline-block;_width /**/: 100%;min-width: 1280px;min-height: 100%;height : 100%;padding-top: 10px;padding-right: 5px;overflow-y: hidden;overflow-x: auto;}
.mail_wrap_content:after {display: block;clear: both;content: ''}
.mail_list_box {min-width: 400px;min-height: 100%;height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;overflow: auto;}
.mail_reserved_list {min-width: 400px;min-height: 600px;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;overflow: auto;}
.mail_list_vertical {float: left;position: relative;width: 430px;min-height: 100%;border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;}
.mail_content_box {float: left;position: relative;width: 450px;/*min-height: 100%;*/border: 1px solid #c0c0c0;border-bottom: 0;border-top: 0;overflow: auto;margin-left: 5px;}
.mail_body_contents {padding: 5px;}
.mail_view_area {border: 1px solid #d5d5d5;margin: 0 auto;margin-top: 10px;padding: 5px;word-wrap : break-word;/*overflow: auto;*/}
.mail_view_area p{margin:6px;}
#content {font-size: 12px;color: #444;}

/***** App_Left *****/
.mail_wrap_snb {float: left;position: relative;width: 200px;min-height: 100%;margin: 20px;padding: 0px;}
.mail_wrap_snb .tab_area {margin-top: 16px;margin-bottom: 12px;}
.mail_wrap_snb .tab_menu {margin-left: 0px;}
.mail_wrap_snb .tab_menu li a {width: 65px;padding: 10px 0;text-align: center;}
.mail_wrap_snb .tab_menu li.selected a {width: 66px;}
.mail_wrap_snb .tab_area.tab_half {margin-top: 0;}
.mail_wrap_snb .tab_area.tab_half .tab_menu li a {width: 98px;padding: 10px 0;text-align: center;}
.mail_wrap_snb .tab_area.tab_half .tab_menu li.selected a {width: 99px;}
.normal {font-weight: normal;}
.folder_msg_count {font-weight: bold;color: #0000FF}
.mail_view_area a{color:#0058c5;text-decoration:none;}
.mail_view_area table{border-collapse : collapse;border-color : black;}
.mail_view_area td{border-color : black;}
.mail_lst_bold{font-weight: bold;}
.mail_lst_bold .date{font-weight: bold;overflow: visible;}
.mail_lst_bold .m_date{font-weight: bold;overflow: visible;text-overflow: clip;}
#div_normal_file {width: 100%;border: 1px solid #bbb;margin-top: 10px;table-layout: fixed;}
#div_normal_file .add_filebg {background: #e7e7e7;float: left;height: 22px;width: 100%;padding-top: 5px;padding-bottom: 3px;}